<script>
$('.cndl').click(function() {
	loadDiv('content', $(this).attr('url'));
});
</script>

<%@page import="java.util.List"%>
<%@ include file="/common/taglibs.jsp"%>
			<div
					style="overflow: auto; height: 100px; border-left: 1px gray solid; border-bottom: 1px gray solid; padding: 0px; margin: 0px">
					<table cellspacing="0" cellpadding="0" border="0"
						class="tablesorter">
						<tbody>
						<c:set var="counter" scope="page" value="${0}"></c:set>
						<c:forEach items="${ChangeNotificationList}" var="changeNotificationmessage" varStatus="s1" >			
								<c:choose>
									<c:when test="${s1.index%2==0}">
										<tr class="alernate-row">
									</c:when>
									<c:otherwise>
										<tr>
									</c:otherwise>
								</c:choose>
						<td>${changeNotificationmessage.changenotification.module}</td>
						<td>${changeNotificationmessage.changenotification.type}</td>
						<td><fmt:formatDate pattern="MM-dd-yyyy" value="${changeNotificationmessage.date}" /></td>
						<td><a href="javascript://" url="${changeNotificationmessage.url}" class="cndl">${changeNotificationmessage.message}</a></td>
						<c:set var="counter" scope="page" value="${counter+1}"></c:set>
						<td>
						<form>
							<input  class="cnCheckBox" type="checkbox" value="${changeNotificationmessage.id}" name="read" onclick="updatecn(${changeNotificationmessage.id})">
						</form>
						</td>
						</tr>
						</c:forEach>
					</table>
				</div>
				<!-- end scroll div -->
				<div class="cipe-pagination-links">

					<!-- <a href="javascript://" url="showPageHeading.do"
								class="cipe-previous">Previous Page</a> <a href="javascript://"
								url="showPageHeading.do" class="cipe-next">Next Page</a> -->
					<a align="right"><font color="red" size="1">Total number
							of Change Notifications=<c:out value="${counter}" ></c:out></font>
					</a>
				</div>